<template>
  <div>
    <div style="height: 100px;margin: 10px;">
      <el-button @click="activeName='study'">案例</el-button>
      <el-button @click="activeName='study1'">案例1</el-button>
    </div>
    <div style="position: relative;">
      <component :is="activeName"></component>
    </div>
  </div>
</template>
<script>
import study from './components/study.vue';
import study1 from './components/study1.vue';
import { ElButton } from 'element-plus';
export default {
  data() {
    return {
      activeName: 'study'
    }
  },
  components: {
    study,
    study1,ElButton
  },
  mounted() {
  },
  methods: {

  }
}
</script>